<template>
  <view style="padding: 10px;">
    
    <view class="list-item">
      <text>支付方式</text>
      <view class="vertical-middle">
        <input type="text" value="请输入姓名" />
      </view>
    </view>
	<view class="list-item">
	  <text>身份证</text>
	  <view class="vertical-middle">
	    <input type="text" value="请输入身份证" />
	  </view>
	</view>
	<view class="action-btn-group">
		<button type="primary" class=" action-btn no-border buy-now-btn " @click="">立即认证 </button>
	</view>

    

  </view>
</template>

<script>
import { mapState } from 'vuex';
// import {submitProve} from '@/api/user.js'

export default {
  data() {
    return {
      authentication: true,
      userprove: null
    };
  },
  computed: {
    ...mapState(['hasLogin', 'userprove'])
  },
  created() {
    this.loadData();
  },
  methods: {
    loadData() {
		submitProve().then(res => {
		  if (res.code === 200) {
		    this.userprove = res.user;
		  }
		});
      
    },
   
  },
  computed: {
    
  }
};
</script>



<style lang="scss">



.list-item {
	height: 120upx;
	font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  color: #fff;
  background-color: #2f3045;
  border-radius: 4px;
  margin:10px 0;
  input{
	  color: #6e6f7e;
	  margin-right: 10px;
  }
}
.action-btn-group{
			display: flex;
			height: 76upx;
			border-radius: 100px;
			overflow: hidden;
			background: linear-gradient(to right, #2493f1, #14d1cc);
			margin-top: 20px;
			position:relative;
			
			.action-btn{
				display:flex;
				align-items: center;
				justify-content: center;
				width: 180upx;
				height: 100%;
				font-size: $font-base ;
				padding: 0;
				border-radius: 0;
				background: transparent;
			}
		}


</style>
